<template>
    <div class="carouselContainer">
        <!-- 轮播图 -->
        <div class="carousel">
            <mt-swipe :auto="3000">
                <mt-swipe-item v-for="item in carouselList" :key="item.id">
                    <img :src="item.img" :class="{ full: isFull }">
                </mt-swipe-item>
            </mt-swipe>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
          return {

          }
        },
        // 轮播图数据 和 宽度是 否为 百分之 100
        props: ['carouselList', 'isFull']

    }
</script>

<style scoped lang="less">
    .carouselContainer {
        // 图片区域
        .carousel {
            height: 200px;
            img {
                height: 100%;
                display: block;
                margin: 0 auto;
            }
            // 宽度是否 为 100%
            .full {
                width: 100%;
            }
        }
    }


</style>